<template>
  <div id="app">
 <router-view></router-view>
    <FooterGuide v-show="$route.meta.showFooter"></FooterGuide>
  </div>
</template>

<script>
import { mapActions,mapState } from 'vuex'
import FooterGuide from "./components/FooterGuide/FooterGuide";
export default {
  name: 'App',
  data(){
    return{

    }
  },
  components:{
    FooterGuide
  },
   async mounted() {
    //this.getAddress()
    await this.$store.dispatch('getAddress')
     let context = this
    console.log(context.$store.state.longitude);
    await this.getUserInfo()
  },
  computed:{
        ...mapState(['userInfo'])
  },
  methods:{
       ...mapActions(['getAddress','getUserInfo']),
    ftu(){
         return 'summer'
    }
  }
}
</script>

<style lang="stylus" ref="stylesheet/stylus" scoped>
#app
  height 129% !important
  //color:red
</style>
